<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bing 词典</title>
    <link rel="shortcut icon" href="imag/logo.png" />
    <link rel="stylesheet" href="词典.css">
    <link rel="stylesheet" href="base.css">
</head>

<body>
    <!--search-->
    <div class="search w">
        <div class="mic">
            <a href="https://cn.bing.com/?FORM=Z9FD1">
                <img src="imag/microsoft.png" alt="" title="返回到必应搜索" width="130px" height="27px">
            </a>
        </div>
        <div class="sea">
            <h3>
                <input type="text">
                <button>
                    <img src="imag/sousuo.png" alt="" height="60px" width="60px">
                </button>
            </h3>
            <div class="key">
                <a href="https://cn.bing.com/?scope=web&FORM=HDRSC1">图片</a>
                <a href="https://cn.bing.com/images/trending?form=HDRSC2">网页</a>
                <a href="https://cn.bing.com/videos/trending?form=HDRSC2">视频</a>
                <a href="#" class="cidian">词典</a>
                <a href="https://cn.bing.com/academic?FORM=HDRSC4">学术</a>
                <a href="https://cn.bing.com/maps?q=&FORM=HDRSC7">地图</a>
            </div>
        </div>
    </div>
    <!--header-->
    <div class="header w1">
        <div class="green">
            <img src="imag/green.png" alt="">
        </div>
        <div class="nav">
            <p>每日词汇</p>
            <p>阅读推荐</p>
        </div>
        <div class="box1">
            <a href="https://cn.bing.com/dict/search?q=avenger&FORM=BDVSP6&cc=cn">avenger</a>
            <ul>
                <li>
                    <p class="zi">美[ə'vendʒə(r)]
                        <button>
                            <img src="imag/yangshengqi.png" alt="" title="点击朗读">
                        </button>
                    </p>
                </li>
                <li class="li2">
                    <p class="zi">英[ə'vendʒə(r)]
                        <button>
                            <img src="imag/yangshengqi.png" alt="" title="点击朗读">
                        </button>
                    </p>
                </li>
                <li class="fu">n.复仇者</li>
            </ul>
            <div class="tu">
                <img src="imag/fulain_03.png" alt="">
            </div>
            <div class="share">
                <p>
                    共享到：
                    <img src="imag/xinlangweiboicon-.png" alt="">
                    <img src="imag/QQkongjian.png" height="20px" alt="">
                </p>
            </div>
        </div>
        <div class="box2">
            <a href="">“复仇者联盟：残局”预计将打破票房记录<br>
                &nbsp;&nbsp;'Avengers:Endgame' Expected to Shatter to many money...</a>
            <div class="wo">
                <div class="img">
                    <img src="imag/game.jpg" alt="" height="100px" width="130px">
                </div>
                <div class="word">
                    “Avengers: Endgame” has its<br>
                    sights set on world domination.
                    <div class="more">
                        <p class="va">varity</p>
                        <a href="">
                            <img src="imag/more_03.png" alt="">更多文章
                        </a>
                    </div>
                </div>
                <div class="passge">
                    <p>文章难度
                        <img src="imag/star_03.png" alt="">
                    </p>
                </div>
            </div>
            <div class="important">
                <ul>
                    <h3>重点单词：</h3>
                    <li><a href="#">endgame</a>&nbsp; [ˈɛndˌɡeɪm] &nbsp;n. 尾声</li>
                    <li><a href="#">qualify</a>&nbsp;['kwɑlə.faɪ] &nbsp;v. 限定</li>
                    <li><a href="#">assemble</a>&nbsp;[ə'semb(ə)l] &nbsp;v. 装配</li>
                </ul>
            </div>
</body>

</html>